@charset "utf-8";

/* CSS Document */



::selection {color: #fff; background-color: #2281f5;}

::-moz-selection {color: #fff;background-color: #2281f5;}

::-webkit-selection {color: #fff;background-color: #2281f5;}

::-webkit-scrollbar {width: 8px;height: 8px;background-color: #F5F5F5}

::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2}

::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #555}



.clearfix{clear:both;}

.between{

	width:1180px;

	margin:0 auto;

	overflow: hidden;

}

.clear{

	clear: both;

}

.float_l{

	float:left;

}

.float_r{

	float:right;

}

.clear_fl{

	height:0px;

	clear: both;

	overflow: hidden;

}









/*top_A*/

#top_A{

	width:100%;

	height:34px;

	overflow: hidden;

	border-bottom: 1px solid #ccc;

}

.top{

	width:1180px;

	height:34px;

	margin:auto;

}

 .top_left{

	width:380px;

	height:34px;

	float:left;

	line-height:34px;

	color:#666666;

	font-size:12px;

}

.top_right{

	height: 34px;

	float: right;

}

.top_right ul li{

	float: left;

	color:#666666;

	font-size:12px;

	line-height:34px;

	padding:0px 0px 0px 15px;

}

.top_right ul li a{

	color: #666666;

	font-size:12px;

}

.top_right ul li a:hover{

	color: #2281f5;

}



/**top_bgk**/

.top_bgk{

	width:100%;

	height:140px;

	overflow: hidden;

}

.top_bgk .top_header{

	width: 1180px;

	margin:0 auto;

}

.top_header .logo{

	width: 835px;

	height:48px;

	float:left;

	display:inline;



}

.logo h1{

	width: 169px;

	height:48px;

	margin-top:41px;

	float: left;

	overflow: hidden;
	display: none;

}

.logo h1 a{

	width: 169px;

	height:48px;

	overflow: hidden;

	display: block;

}

.logo h1 a img{

	width: 169px;

	height:48px;

	overflow: hidden;

}

.logo .language{

	float: left;

	width: 545px;

	height: 75px;


	margin-top: 20px;


}



.language p{

	font-size: 22px;

	color: #2281f5;

	font-weight: bold;
	margin-bottom:5px;

}

.language span{

	font-size: 18px;

	color: #666666;

	display: block;

	line-height: 30px;

}

.top_header .header_tel{

	float: right;

	width: 170px;

	height: 170px;

	margin-top: 9px;

	overflow: hidden;

	padding-left: 37px;

	background: url(../images/logo_dh.jpg) no-repeat left 10px;

}

.header_tel h4{

	width: 175px;

	height: 35px;

	line-height: 30px;

	font-size: 16px;

	color: #808080;

}

.header_tel h4 span{

	font-size: 22px;

	font-weight: bold;

	display: block;

	color: #2281f5;

}



/**nav开始**/

.nav{

	width: 100%;

	height: 50px;

	background: #2281f5;

}



.nav .nav_box{

	width: 1180px;

	margin: 0 auto;

}

.nav_all{

	width: 1180px;

	height: 50px;

	overflow: hidden;

}



.nav_all > li {

	float:left;

	height: 50px;

	text-align:center;

	-webkit-transition:all 0.5s;

	transition:all .5s;

}



.nav_all > li > a {

	display: inline-block;

    font: 14px/50px "microsoft yahei";

    padding: 0 33px;

    transition: all 1s ease;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -ms-transition: all 1s ease;

    color: #fff;

}

.nav_all .another a{

	background: #f7750d;

	-webkit-animation: rot 0.5s 2 alternate;

    animation: rot 0.5s 2 alternate;

    -webkit-transform: rotate(0deg) scale(1.1);

    transform: rotate(0deg) scale(1.1);

}

.nav_all > li:hover a{

	background: #f7750d;

	-webkit-animation: rot 0.5s 2 alternate;

    animation: rot 0.5s 2 alternate;

    -webkit-transform: rotate(0deg) scale(1.1);

    transform: rotate(0deg) scale(1.1);

}

@keyframes rot{

	0%{-webkit-transform: rotate(2deg);transform: rotate(2deg);}

	50%{-webkit-transform: rotate(-2deg) scale(1.01);transform: rotate(-2deg) scale(1.01);}

	100%{-webkit-transform: rotate(0deg) scale(1.1);transform: rotate(0deg) scale(1.1);}

}

@-webkit-keyframes rot{

	0%{-webkit-transform: rotate(2deg);transform: rotate(2deg);}

	50%{-webkit-transform: rotate(-2deg) scale(1.01);transform: rotate(-2deg) scale(1.01);}

	100%{-webkit-transform: rotate(0deg) scale(1.1);transform: rotate(0deg) scale(1.1);}

}

.fixedNav{

	position:fixed;

	top:0px;

	left:0px;

	width:100%;

	z-index:100000;

	_position:absolute;

	_top:expression(eval(document.documentElement.scrollTop));

}





/*footer start*/



.footer{

	width: 100%;

	height: 237px;

	background: url(../images/foot_bg.jpg) no-repeat center;

}

.footer .foot_nav{

	border-bottom: 1px solid #fff;

	height: 49px;

}

.foot_nav ul{

	width: 1180px;

	height: 50px;

	margin: 0 auto;

}

.foot_nav ul li{

	padding:0 23px;

	height: 49px;

	float: left;

}

.foot_nav ul li a{

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 49px;

	display: block;

}

.foot_nav ul li a:hover{

	text-decoration: underline;

}

.footer .footer_box{

	width: 1180px;

	height: 187px;

	margin:0 auto;

	position: relative;

}

.footer_box .footer_ewm{

	width: 170px;

	height: 170px;

	background: #fff;

	position: absolute;

	right: 0;

	top: -50px;

}

.footer_ewm img{

	width: 107px;

	height: 107px;

	overflow: hidden;

	margin:8px 32px ;

}

.footer_ewm h5{

	font-size: 14px;

	color: #2281f5;

	text-align: center;

}

.footer_box .foot_w{

	float: left;

	width: 980px;

	margin-left: 30px;

	font-size: 14px;

	color: #fff;

	line-height: 28px;

	margin-top: 30px;

}

.foot_w h2{

	font-size: 14px;

	color: #fff;

	margin-bottom: -20px;

	display: inline;

}

.foot_w a{

	font-size: 14px;

	color: #fff;

}

.foot_w img{

	margin-left: 10px;

}

.foot_w a:hover{

	text-decoration: underline;

}

/*footer end*/